<!DOCTYPE html>
<html lang="en" manifest="IGNORE.manifest">
<head>
    <meta charset="UTF-8">
    <title>浦发银行</title>
    <link rel="stylesheet" href="style/style.css">
    <meta name="viewport" content="width=720, user-scalable=no">

</head>
<body>

<div class="p-top">
    <img src="http://oi41xzq0e.bkt.clouddn.com/img_top.jpg" alt=""/>
</div>

<script type="text/x-handlebars-template" class="tpl_list">

    {{ _.each(prize, function(item, idx){ }}
    <div class="item">
        <div class="item-img  ">
            <img src="{{= item.logo}}?imageView2/1/w/960/h/450" alt=""/>
        </div>
        <div class="oh content">
            <div class="title">
                <div class="mtitle">
                    <span class="leftTitle">{{= item.title}}</span>
                    <span class="subtitle">（{{= item.sub_title}}）</span>
                </div>
            </div>
            <div class="infos">
                <p class="p1" style="display: none;">奖品：{{= item.prize_name}}</p>
                <p class="p2">市场价：{{= item.price}}元 </p>
                <p class="p3">奖品库存：{{= item.num}}份 </p>
            </div>
            <div class="fr">
            <div class="btns">
                <a href="detail.html?activity_id={{=item.activity_id}}" class="btn ico" index="{{= idx}}" prize_id="{{=item.prize_id}}"
                   activity_id="{{=item.activity_id}}"></a>
            </div>
        </div>
        </div>
    </div>
    {{ }) }}

</script>
<div class="goods">


    <div class="item" style="display: none;">
        <div class="item-img fr">
            <img src="" alt=""/>
        </div>
        <div class="oh content">
            <div class="title">
                <div class="mtitle">下午抢爆品!</div>
                <div class="subtitle">（每周四早上10点起）</div>
            </div>
            <div class="infos">
                <p class="p1">爆品：xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
                <p class="p2">市场价：2499元 </p>
                <p class="p3">抽取名额：10000人 </p>
            </div>
            <div class="btns">
                <div class="btn ico j-btn"></div>
            </div>
        </div>
    </div>
</div>
<div class="bottom ico"></div>

<!--半透明背景，弹窗-->
<div class="wt_mask" style="display: none;"></div>
<div class="wt_confirm" style="display: none;">
    <div class="wt_close ico ico_close j-close"></div>

    <div class="wt_conirm_content">
        <div class="wt_confirm_ctn_inner_alert"></div>
        <div class="wt_confirm_ctn_inner">
            <div class="wt_ipt_item">
                <i class="ico ico_user"></i>
                <div class="ipt_wrap">
                    <input type="text" name="name" class="wt_cofirm_input name" placeholder="您的姓名"/>
                </div>
            </div>
            <div class="wt_ipt_item">
                <i class="ico ico_card"></i>
                <div class="ipt_wrap">
                    <input name="account" class="wt_cofirm_input account" maxlength="18" placeholder="银行卡号的前8位"/>
                </div>
            </div>
            <div class="wt_ipt_item">
                <i class="ico ico_phone"></i>
                <div class="ipt_wrap">
                    <input type="tel" name="tel" class="wt_cofirm_input phone" maxlength="11" placeholder="手机号码"/>

                </div>
            </div>
        </div>
    </div>
    <div class="wt_confirm_btns">
        <div class="wt_confirm_btn pink j-ok">确定</div>
    </div>
</div>

<script type="text/javascript" src="http://cdn.bootcss.com/zepto/1.2.0/zepto.min.js
"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/underscore.js/1.8.3/underscore-min.js"></script>
<script type="text/javascript" src="js/activity.js?v=1.0.4"></script>
<script type="text/javascript">
    myAct.init()
</script>
</body>
</html>
